<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Gallery test</title>
<link rel="stylesheet" type="text/css" href="gallery2.css" />

<link rel="stylesheet" type="text/css" href="../scrollbox/scrollbox.css" />
<link rel="stylesheet" type="text/css" href="../arrowbox/arrowbox.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script src="../../os3jslib/event.js"></script>
<script src="../../os3jslib/fx.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../wwl.js"></script>


<script type="text/javascript" src="../scrollbox/scrollbox.js"></script>
<script type="text/javascript" src="../scrollbox/scrollbox.templates.js"></script>

<script type="text/javascript" src="../arrowbox/arrowbox.js"></script>
<script type="text/javascript" src="../arrowbox/arrowbox.templates.js"></script>

<script type="text/javascript" src="gallery2.js"></script>
<script type="text/javascript" src="gallery.templates.js"></script>

<script type="text/javascript">
function init ()
{
	var g = new WWL.gallery ( 'mygallery' );

	g.set_thumb_size ( 100, 50 );

	g.add_item ( "img/1.jpg", "alt 1", "title 1", null, "z_AbfPXTKms");
	g.add_item ( "img/2.jpg", "alt 2", "title 2", null );
	g.add_item ( "img/3.jpg", "alt 1", "title 1", null, "z_AbfPXTKms");
	g.add_item ( "img/4.jpg", "alt 3", "title 3", null, "z_AbfPXTKms");

	g.render ( "test" );
}


</script>
</head>
<body onload="init()">

<div id="test" style="width: 600px; height:400px; border:1px dotted #000"></div>

</br>
<div id="debug"></div>
<button onclick="init()">reload</button>

</body>
</html>
